﻿@model SpaceNeedle.City6473.WebSite.Models.AuthenticationModel
@using SpaceNeedle.City6473.Web.Data.Models

@{
    Layout = "~/Views/Shared/_LayoutOpen.cshtml";
    var staticContent = ViewBag.StaticContent as WebSiteContent;
    ViewBag.Title = staticContent.Authentication.Title;
}

<style> 
    body
    {
        font-family: "Segoe UI";
        background-color:@Html.Raw(Model.BackgroundColor);
        color:@Html.Raw(Model.ForegroundColor);
    }

    .button
    {
        background-color:@Html.Raw(Model.AccentColor);
        color:white;
        
        margin-left:auto;
        margin-right:auto;

    padding:10px;
        width:238px;
        text-decoration: none;
        color:white;
        font-size:18px;
    margin-bottom:10px;
    display:block;
        text-align:center;
    }

    .button:hover
    {
        text-decoration: none;
        color:white;
    }

    .button:visited
    {
        text-decoration: none;
        color:white;
    }

    .button:active
    {
        text-decoration: none;
        color:white;
    }
</style>
<br />
<div style="margin-right: auto; margin-left: auto; width: 258px;text-align:left;">
    <div style="font-size:12px;margin-bottom:20px;">@staticContent.AppName.ToUpper()</div>
    <div style="font-size:42px;margin-bottom:30px;">@staticContent.Authentication.Title</div>
    <span>@staticContent.Authentication.Description</span><br /><br />
    <a class="button" href="/Authentication/Facebook">
        @staticContent.Authentication.Facebook
    </a>
    <a class="button" href="/Authentication/BeginAsync">
        @staticContent.Authentication.Twitter
    </a>
    <a class="button" href="/Authentication/Email">
        @staticContent.Authentication.Email
    </a>
    <a class="button" href="/Authentication/Anonymous">
        @staticContent.Authentication.Anonymous
    </a>
    @*<div class="button">
        @Html.ActionLink(staticContent.Authentication.Facebook, "Facebook", "Authentication")
    </div>
    <div class="btn-toolbar">
        @Html.ActionLink(staticContent.Authentication.Twitter, "BeginAsync", "Authentication", new { @class = "btn btn-primary btn-large", style = "width: 238px" })
    </div>
    <div class="btn-toolbar">
        @Html.ActionLink(staticContent.Authentication.Email, "Email", "Authentication", new { @class = "btn btn-primary btn-large", style = "width: 238px" })
    </div>
    <div class="btn-toolbar">
        @Html.ActionLink(staticContent.Authentication.Anonymous, "Anonymous", "Authentication", new { @class = "btn btn-primary btn-large", style = "width: 238px" })
    </div>*@
</div>